﻿@charset "utf-8";
html, body, div, span{ margin:0px; padding:0px;}
fieldset, img { border:0 none }
a,a:hover { text-decoration:none }
html, body { width:100%; height:100%; overflow:hidden; position:absolute；}
body { font-family:"Helvetica", "Arial"; font-size:14px; line-height:1.5; color:#0087c8; word-wrap:break-word; -webkit-text-size-adjust:none }

.screen { position:relative; overflow:hidden; width:100%; height:100%; }
article { visibility:visible; overflow: visible; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition:left 0.5s linear 0s; transition:left 0.5s linear 0s;}
.page { width:100%; height:100%;}
.page div{ position:absolute; }

.luck_count{ position:relative;}
.swiper-container{ width:100%; height:100%;}
.swiper-slide{ text-align:center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

/* 第1页样式*/
.page.page1 .logo{ width:300px; height:474px; left:0px; top:10%;  left:50%; margin-left:-160px; background:url(../img/conference_01.png) no-repeat; background-size:100% 100%; position:relative;}

/* 第2页样式*/
.nav{ position: absolute; bottom:20px; width:100%; height:24px; text-align:center; }
.nav li{ display:inline-block; margin:0 3px; width:12px; height:12px; }
.nav li em{ display:block; background:#8cb4de; margin:3px; width:6px; height:6px; border-radius:5px; text-align:center; vertical-align:middle; -webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
.nav li em.on{ background:#74bb2a; width:6px; margin:3; height:6px; border-radius:5px; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }

/*********02************/
.kz_duobian_bj{ position:absolute; width:300px; height:410px; left:-158px; margin-left:50%; top:10%; z-index: 1; background:url(../img/conference_02.png) no-repeat; background-size:100% 100%;}

.page.page2 .star_button{  width:128px; height:42px; background:#388db7; left:50%; margin-left:-64px; bottom:80px; font-size:19px; text-align:center; border-radius:6px; z-index:1; }
.page.page2 .star_button a{ display:block; color:#fff; line-height:44px;}


@media (max-height:568px) { 
.page.page1 .logo{ top:8%; width:280px; height:442px;  left:50%; margin-left:-150px;}
.kz_duobian_bj{ top:8%; width:280px; height:383px; left:-146px; }
.page.page2 .star_button{ bottom:60px;}
}
@media (max-height:480px) { 
.page.page1 .logo{ width:230px; height:363px; top:8%;  left:50%; margin-left:-122px; background:url(../img/conference_01.png) no-repeat; background-size:100% 100%;}

.kz_duobian_bj{ top:8%; width:230px; height:314px; left:-120px; margin-left:50%; background:url(../img/conference_02.png) no-repeat; background-size:100% 100%;}
.page.page2 .star_button{ bottom:50px;}
}
@media (height:720px){
	.page.page2 .star_button{ bottom:60px;}
	}

@media (min-height:736px) {
.page.page1 .logo{ width:360px; height:568px; left:0px; top:10%;  left:50%; margin-left:-192px;background:url(../img/conference_01.png) no-repeat; background-size:100% 100%;}
.kz_duobian_bj{ position:absolute; width:360px; height:492px; left:-190px; margin-left:50%; top:10%; z-index: 1; background:url(../img/conference_02.png) no-repeat; background-size:100% 100%;}
}

@media only screen and (min-height: 570px) and (max-height:590px){
	.page.page2 .star_button{ bottom:50px;}
	}